// 先加载路径文件，再加载header、footer
require(['./config'], () => {
    require(['template','header', 'footer', 'jquery'], (template) => {
        // 将首页也定义为构造函数
        class Index {
            constructor() {
                this.backTop()
                this.getHotProd()
                this.getList()
            }

            // 回到顶部按钮
            backTop() {
                const backTop = $('#right-btn .top')
                $(window).scroll(function () {
                    if ($('html').scrollTop() > 100) {
                        backTop.fadeIn(500)
                    }
                    if ($('html').scrollTop() < 100) {
                        backTop.fadeOut(500)
                    }
                })
                backTop.click(function () {
                    $('html').animate({
                        scrollTop: 0
                    }, 500)
                })
            }

            // 请求热门商品数据
            getHotProd() {
                $.get('/lib/json/index.json', res => {
                    // console.log(res)
                    // console.log(template)
                    const html = template('hotProdTemplate',{prodList: res.hotData})
                    // console.log(html)
                    // 将数据写到页面
                    $('#hotSale .rankings').html(html)
                })
            }

            // 请求列表
            getList(){
                $.get('/lib/json/index.json', res => {
                    console.log(res.list);
                    const html = template('listTemplate',{list: res.list})
                    console.log(html);
                    $('#listContent').html(html)
                })
            }
        }
        return new Index()
    })
})